import React from 'react'
import styles from './index.less'
import title from './Title.png'
import { E } from '../../../../../constants'
import { useIntl } from 'umi';

function Index() {
  const tableCol = ["日期", "时间", "会议内容", "会议地点", "承办方"]
  const intl = useIntl();
  return (
    <div className={styles.page}>
      {/* <p>
      2021年中国国际自行车展览会
      </p>
      <p>
      会议场次安排一览表
      </p> */}
      <img src={title}></img>
      <div className={styles.tableBox}>
        {
          E.activityList.map((item) => {
            return item.data.map((vo, i) => {
              return <table className={styles.table} border="1" key={i}>
                <tbody>
                  {
                    Object.keys(vo).map((o, index) => {
                      let text = o == 'time' ? `时间` : o == 'content' ? '会议内容' : o == 'address' ? '会议地点' : '承办方'
                      return <tr key={index} key={index}>
                        <td>
                          {text}
                        </td>
                        <td >
                          {index == 0 ? `${item.date} ${vo[o]}` : vo[o]}
                        </td>
                      </tr>

                    })
                  }
                </tbody>

              </table>
            })
          })
        }
        <p className={styles.text}>{intl.formatMessage({id:"ON_SITE"})}</p>
      </div>

    </div>
  )
}

export default Index
